<template>
    <div>
        <input @keyup.enter="add" v-model="todoName" type="text" placeholder="请输如你的任务名成,按回车键确认"/>
    </div>
</template>

<script setup>
import { ref } from 'vue'
// 拿到输入框输入的内容, 传递给父组件
let todoName= ref("")
const emit = defineEmits(['addTodo'])
function add(){
    // 通知父组件,添加新任务
    emit('addTodo', todoName)
    todoName.value = ""
}

</script>

<style scoped>
input{
    width: 300px;
}
</style>